<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav " style="background: #2f1d1a;">
		</header>
		<div class="mui-content">
			<ul class="mui-table-view">
					<li class="mui-table-view-cell">系统通知<span class="mui-badge mui-badge-primary mui-right">12</span></li>
					<li class="mui-table-view-cell">公共消息<span class="mui-badge mui-badge-primary mui-right">12</span></li>
			</ul>
		</div>
		<nav class="mui-bar mui-bar-tab" id="nav" style="border-top: 1px solid  #C0C0C0;">
			<a class="mui-tab-item mui-active" href="">
				<span class="mui-icon mui-icon-email-filled"></span>
				<span class="mui-tab-label" >消息</span>
			</a>
			<a class="mui-tab-item" href="mesIndex.html">
				<span class="mui-icon mui-icon-gear-filled"></span>
				<span class="mui-tab-label">巡查</span>
			</a>
			<a class="mui-tab-item" href="user.html">
				<span class="mui-icon mui-icon-person-filled"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>	
		<script src="js/mui.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>
